<template>
    <div class="preference_list">
        <el-scrollbar max-height="calc(100vh - 228px)">
            <PersonIndex v-if="state.activeMenu == 'person'"/>
            <OverallIndex v-if="state.activeMenu == 'overall'"/>
            <EnvironmentIndex v-if="state.activeMenu == 'environment'"/>
        </el-scrollbar>
    </div>
</template>

<script setup>
import PersonIndex from "./person/index.vue";
import OverallIndex from "./overall/index.vue";
import EnvironmentIndex from "./environment/index.vue";

const { store, state } = inject('preference_store')
</script>

<style lang="scss" scoped>
.preference_list {
    width: 100%;
}
</style>